<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">
	<title>优秀案例内侧页</title>
	<link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/styles.css">
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.jqzoom.js"></script>
    <script type="text/javascript" src="js/base.js"></script> 
    <script type="text/javascript" src='js/com.js'></script>
</head>
<body> 
<!-- 左侧的浮框 -->
	<div class="floating_box" id="floating_box">
		<div class="tops_img1"></div>
		<div class="centers">
			<ul>
				<li ><a href="index.html">首页</a></li>
				<li class="selected"><a href="excellentcase.html">优秀案例</a></li>
				<li><a href="aboutus.html">关于我们</a></li>
				<li><a href="contactus.html">联系我们</a></li>
				<li><a href="servicehelp.html">帮助服务</a></li>
				<li id="tops"><a href="javascript:;">返回顶部</a></li>
			</ul>
		</div>
		<div class="tops_img2"></div>
	</div>
<!-- 右侧的小人 -->
	<div class="people_cens" id="people_cens">
		<div class="people_cens_tops"><a href="javascript:;"><img src="images/a28.png"></a></div>
		<div class="people_cens_boms"><a href="javascript:;"><img src="images/a29.png"></a></div>
	</div>
<div class="li-all"> 
	<!-- 优秀案例 -->
	<!-- 头部 -->
	<div class="li-case-bj1">
		<div class="li-case-bj2w li-bj1-widt clearfix">
			<div class="li-case-logo fl"> <img src="images/li-txtl.png" alt=""></div>
			<div class="li-case-logoml fr clearfix" id="logoms">
				<div class="li-case-nav fl" id="navs"> 
					<ul class="clearfix">
						<ul class="clearfix">
							<li ><a href="index.html">首页</a></li>
							<li class="li-case-on"><a href="excellentcase.html">优秀案例</a></li>
							<li><a href="aboutus.html">关于我们</a></li>
							<li><a href="contactus.html">联系我们</a></li>
							<li><a href="servicehelp.html">帮助服务</a></li>
						</ul>
					</ul>
				</div>
				<div class="li-case-logom fl" id="imgs"><img src="images/pic15.png" alt=""></div>
			</div>
		</div>
		<div class="li-case-tit clearfix">
			<div class="li-case-tit1 fr">
				<div class="li-case-tit_one"><img src="images/li-tit1.png" alt=""></div>
				<div class="li-case-tit_two"><img src="images/li-tit2.png" alt=""></div>
				<a href="联系我们.html"><div class="li-case-tit_thr">联系我们</div></a>
			</div>
		</div>
	</div>
	<!-- part1 -->
	<div class="li-inside">
		<div class="li-inside-con clearfix">
			<div class="li-inside-con1 fl">
				<!-- 图片切换 -->			
				<div id="preview" class="spec-preview"> 
				  <span class="jqzoom"><img jqimg="images/li-pic.jpg" src="images/li-pic.jpg" /></span> 
				  <!-- <div class="bg-black">aaaa</div> -->
				</div>
				<!--缩图开始-->
				<div class="spec-scroll">
				   <a class="prev">
					   <div class="prev-conall">
						    <div class="prev-con"> 
						    </div>
						    <div class="prev-con1">
						    	<img src="images/zuo.png" alt="">
						    </div>
						</div>
				   </a> 
				   <a class="next">
				      	<div class="prev-conall">
						    <div class="prev-con"> 
						    </div>
						    <div class="prev-con1">
						    	<img src="images/you.png" alt="">
						    </div>
						</div>
				  </a>
				  <div class="items">
				    <ul>
				      <li>
				      		<img alt="" bimg="images/li-pic.jpg" width="592" height="512px" src="images/li-pic.jpg" onmousemove="preview(this);">
				      </li>
				      <li>
				      		<img alt="" bimg="images/li-pic5.jpg" width="592" height="512px" src="images/li-pic5.jpg" onmousemove="preview(this);">
				      </li>
				      <li>
				      		<img alt="" bimg="images/003.jpg" width="592" height="512px" src="images/003.jpg" onmousemove="preview(this);">
				      </li>
				      <li>
				      		<img alt="" bimg="images/li-pic6.jpg" width="592" height="512px" src="images/li-pic6.jpg" onmousemove="preview(this);">
				      </li>
				    </ul>
				  </div>
				</div> 
				<!--缩图结束-->
				<!-- 图片切换结束 -->
			</div>
			<div class="li-inside-con1 fr">
				<div class="li-inside-con-txt">
					<div class="li-inside-tit li-inside-con-marg">案例名称</div>
					<div class="li-inside-tit2">Z服饰品牌官网</div>
					<div class="li-inside-tit3">开发时间：2016-07-12</div>
					<div class="li-inside-tit4">天氏传媒为知名服装设计精英团队打造全新的服饰品牌
					ZF，通过与团队核心成员的长期沟通磨合，业务模式的
					深入了解，针对特定的高端消费人群的需求定位，反复
					推敲碰撞出更直观独特的品质形象通过视觉设计手法呈
					现出来。我们提供了品牌VI，网站交互，视觉及B2C功
					能开发全套解决方案
					</div>
				</div>
			</div>			
		</div>
	</div>
</div>
<!-- 底部 -->
	<div class="footers" id="footers">
		<div class="footers_cens">
			<ul class="clearfix new_had">
				<li><a href="index.html"><span>首页</span></a></li>
				<li><a href="excellentcase.html"><span>优秀案例</span></a></li>
				<li><a href="aboutus.html"><span>关于我们</span></a></li>
				<li><a href="contactus.html"><span>联系我们</span></a></li>
				<li><a href="servicehelp.html"><span>帮助服务</span></a></li>
			</ul>
			<div class="share_tos">
				<ul class="clearfix">
					<li><span>分享到：</span></li>
					<li><a href="javascript:;"  class="jiathis_button_tsina"><img src="images/a56.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_xiaoyou"><img src="images/a57.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_weixin"><img src="images/a58.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_email"><img src="images/a59.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_cqq"><img src="images/a60.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_qzone"><img src="images/a61.png"></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="footers_back" id="footers"><span><em>&copy;</em>2016.7.06</span></div>
	<!-- 底部end -->
	<!-- 分享到的代码 -->
	<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=" charset="utf-8"></script>
	<!-- 分享到的代码 END -->
</body>
<script>
	$(function(){
		var imgs = $('#imgs');
		var navs = $('#navs');
		var logoms =$('#logoms');

		logoms.on('mouseover',function(){
			navs.stop().animate({ left:0 });
			imgs.stop().animate({ opacity:0 });
		})
		logoms.on('mouseout',function(){
			navs.stop().animate({ left:615 });
			imgs.stop().animate({ opacity:1 });
		})
	})
</script>
</html>